<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
    <script src="./echarts.js"></script>
    <style>
        #main {
            width: 400px;
            height: 400px;
            border: 2px solid rgb(87, 4, 4);
            font-weight: 800;
            font-size: 17px;
            /* background: url('../图片/300.jpg') 200px 100px; */
        }
    </style>
</head>

<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: '教师管理系统',
                // show:false,
                show: true,
                textStyle: {
                    // fontSize: 30,
                    fontStyle: "italic",
                    fontFamily: "Courier New",
                    textBorderColor: "rgba(255, 0, 0, 1)",
                    textBorderWidth: 4,
                    textShadowColor: "rgba(0, 255, 212, 1)",
                    textShadowBlur: 4.5,
                },
            },
            tooltip: {},
            legend: {
                data: ['我的年收入', '课程数量', '用户数量', '浏览量'],
                // show:false,
                left: 'center',
                // top:100
                icon: ''

            },
            xAxis: {
                data: ['我的年收入', '课程数量', '用户数量', '浏览量']
            },
            yAxis: {},
            series: [{
                name: '我的年收入',
                type: 'bar',
                data: [386, 205, 365, 105, 105, 207, 295, 133]
            }, {
                name: '课程数量',
                type: 'bar',
                data: [225, 380, 336, 150, 178, 220, 259, 433]
            }, {
                name: '用户数量',
                type: 'bar',
                data: [210, 320, 236, 250, 278, 320, 359, 412]
            }, {
                name: '浏览量',
                type: 'bar',
                data: [510, 420, 222, 145, 296, 350, 755, 632]
            },]
        };
        myChart.setOption(option);
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="num">
        <input type="text">
    </div>
    <script>
        function name(params) {
            $.ajax({
                type:'post',
                data:{
              
                }
            })
        }
    </script>
</body>
</html>